import React,{Component} from "react";
import H5Tailer from "../../components/H5Tailer";
import "./index.css";

export default class H5ProductService extends Component {
    render() {
        return (
            <div className="container">

                <header>
                        <a href="/"><img alt="1" src="img/logo.png" className="logo" /></a>
                        <a href="/" className="navMenu"><img alt="1" src="img/menu.png" /></a>
                    </header>
                    <div className="banner index-banner">
                        <h1>开课吧企业服务产品</h1>
                        <p>激活组织内生动力，赋能数字化人才<br />
                加速企业数字化转型，助力业务增长</p>
                        <a href="/">获取定制方案</a>
                    </div>
                    <div className="factor bg-grey index-factor">
                        <h1 className="h1Tit">数字化转型五大因素</h1>
                        <p className="subTit">明确数字化转型难点，稳步推进数智化进程</p>
                        <img alt="1" src="img/img_06/pro_01.png" className="img-full"/>
                    </div>
                    <div className="idea index-idea">
                        <h1 className="h1Tit">我们的核心理念</h1>
                        <p className="subTit">数字化转型的关键，在于创新人才转型</p>
                        <img alt="1" src="img/img_06/pro_02.png" className="img-full"/>
                    </div>
                    <div className="train index-train">
                        <h1 className="h1Tit">产品介绍-培训服务</h1>
                        <div className="imgWrap">
                            <img alt="1" src="img/img_06/pro_08.png" className="img-full"/>
                            <img alt="1" src="img/img_06/pro_09.png" className="img-full" style={{display: 'none'}}/>
                            <img alt="1" src="img/img_06/pro_10.png" className="img-full" style={{display: 'none'}}/>
                            <img alt="1" src="img/img_06/pro_11.png" className="img-full" style={{display: 'none'}}/>
                        </div>
                        <div className="nav-btn">
                            <a href="/" className="on"> </a>
                            <a href="/"> </a>
                            <a href="/"> </a>
                            <a href="/"> </a>
                        </div>
                    </div>
                    <div className="talent">
                        <h1 className="h1Tit">产品介绍-人才服务</h1>
                        <img alt="1" src="img/img_06/pro_04.png" className="img-full"/>
                    </div>
                    <div className="technology">
                        <h1 className="h1Tit">产品介绍-技术服务</h1>
                        <img alt="1" src="img/img_06/pro_03.png" className="img-full"/>
                    </div>

                    <div className="case index-case">
                        <div className="caseWrap">
                            <img alt="1" src="img/img_06/pro_05.png"/>
                            <h2 className="h2Tit">中国建设银行案例</h2>
                            <p className="subTit">银行业务人员可以利用Python工具包及时掌握客户分布、构建信用卡反欺诈风控模型，降低业务风险等。</p>
                            <a href="/" className="more"><img alt="1" src="img/img_06/more.png"/></a>
                        </div>
                        <div className="caseWrap">
                            <img alt="1" src="img/img_06/pro_07.png"/>
                            <h2 className="h2Tit">时代集团案例</h2>
                            <p className="subTit">在开课吧的合作帮助下，时代集团进行了一次深刻的产品创新，取得了非常好的成果。</p>
                            <a href="/" className="more"><img alt="1" src="img/img_06/more.png"/></a>
                        </div>
                        <div className="caseWrap">
                            <img alt="1" src="img/img_06/pro_06.png"/>
                            <h2 className="h2Tit">兴业银行案例</h2>
                            <p className="subTit">在全行推起数智兴航创新大赛，业务与技术融合，真正实现数智技术驱动增长。</p>
                            <a href="/" className="more"><img alt="1" src="img/img_06/more.png"/></a>
                        </div>
                    </div>
                    <div className="solution">
                        <h1 className="h1Tit">开课吧企业服务已为上千家企业提供解决方案</h1>
                        <a href="/">获取定制方案</a>
                    </div>



                <H5Tailer/>
            </div>
        )
    }
}